<template>
  <div class="app-news-list">
    <el-row class="app-row-list">
      <el-col v-for="n in data.rows" :key="n.id" :span="24">
        <div class="title">
          <Nuxt-link :href="`/news/${n.id}`" class="link" target="_blank">{{ n.title }}</Nuxt-link>
        </div>
        <div class="body">{{ n.description }}</div>
        <div class="meta flex justify-between">
          <div class="time">
            <el-icon><i-ep-Clock /></el-icon>
            {{ n.create_time }}
          </div>
          <div class="category">
            <el-icon><i-carbon-category /></el-icon>
            {{ n.category_title }}
          </div>
        </div>
      </el-col>
    </el-row>
  </div>
</template>
<script setup lang="ts">
interface IProps {
  data: any
}

const props = withDefaults(defineProps<IProps>(), {
  data: {},
})
const { data }: any = toRefs(props)
</script>
<style></style>
